<template>
<header>
    <div class="nav"  @click="()=>{router.push('/')}">
        <span>文章管理</span>
    </div>
    <div class="nav" >
        <span  @click="()=>{router.push('/about')}">文章发布</span>
    </div>
</header>
<RouterView />
</template>

<script setup>
import {
    ref
} from 'vue'
import router from './router';
</script>

<style scoped>
header{
  display: flex;
  /* justify-content: space-between; */

}
.nav {
    width: 50vw;
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #393a3c;
}
</style>
